<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 悬停表格</title>
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<table class="table table-hover">
    <caption>SQL模板列表</caption>
    <thead>
    <tr>
        <th>模板ID</th>
        <th>模板名称</th>
        <th>模板描述</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {% for item in items %}
    <tr>
        <td>{{ item.template_id }}</td>
        <td>{{ item.template_title }}</td>
        <td>{{ item.template_desc}}</td>
        <td><a href="/v1/data_template/add_task/{{item.template_id}}">创建任务</a></td>
    </tr>
    {% endfor %}
    </tbody>
</table>

</body>
</html>